<template>  <div>
    <header-nav></header-nav>
    <div class="container">
        <router-view></router-view>  
    </div>
    <footer-nav></footer-nav>
  </div>
</template>
 
<script>
  import FooterNav from "@/components/FooterNav.vue";
  import HeaderNav from "@/components/HeaderNav.vue";
 
  export default {    
    components: {
      "footer-nav": FooterNav,
      "header-nav": HeaderNav,
    },
  };
</script>
 
<style lang="css">
  .container {
    padding-top: 46px;
    padding-bottom: 50px;
    background-color: #f3f3f3;
  }
</style>